<!DOCTYPE html>
<html>
<head>
	<title>Flex</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
	<header>
       <div class="logo"></div>
       <div class="navlist gray normal"><span>主页</span><span>博客</span><span>案例</span><span>关于</span></div>
	</header>
	<div class="banner">
		<div class="banner_title normal">雕虫非小技，鱼目可混珠</div>
		<div class="codeimg"><img src="./image/code.jpg"></div>
	</div>
	<div class="content">
		<div class="content_main">
		<p class="main_title gray bigfont">热门文章> ></p>
		<div class="mainlist">
			<div>
			<p class="list_title">从零打造在线版本H5页面生成器</p>
			<div class="main_article articlecolor articlefont">想必你一定使用过易勤修想必你一定使用过易勤修就说的很对记得打卡的合法化的好多好多汗好哒好哒好多好多汗好哒好哒和电话好多好多汗的好哒好哒和电话好多好多汗的好多好多汗的好多好多汗的电话电话号的好多好多汗都好都好</div>
			</div>
			<div class="listimg">
        		<img src="./image/shop.png">
			</div>
		</div>
		<div class="mainlist">
			<div>
			<p class="list_title">从零打造在线版本H5页面生成器</p>
			<div class="main_article articlecolor articlefont">想必你一定使用过易勤修想必你一定使用过易勤修就说的很对记得打卡的合法化的好多好多汗好哒好哒好多好多汗好哒好哒和电话好多好多汗的好哒好哒和电话好多好多汗的好多好多汗的好多好多汗的电话电话号的好多好多汗都好都好</div>
			</div>
			<div class="listimg">
        		<img src="./image/shop.png">
			</div>
		</div>
		<div class="mainlist">
			<div>
			<p class="list_title">从零打造在线版本H5页面生成器</p>
			<div class="main_article articlecolor articlefont">想必你一定使用过易勤修想必你一定使用过易勤修就说的很对记得打卡的合法化的好多好多汗好哒好哒好多好多汗好哒好哒和电话好多好多汗的好哒好哒和电话好多好多汗的好多好多汗的好多好多汗的电话电话号的好多好多汗都好都好</div>
			</div>
			<div class="listimg">
        		<img src="./image/shop.png">
			</div>
		</div>
		</div>
		<div class="asidemain">
			<p>枯藤老树昏鸦，小桥流水人家，古道西风瘦马，夕阳西下，断肠人在天涯</p>
			<p>枯藤老树昏鸦，小桥流水人家，古道西风瘦马，夕阳西下，断肠人在天涯</p>
			<p>枯藤老树昏鸦，小桥流水人家，古道西风瘦马，夕阳西下，断肠人在天涯</p>
			<p>枯藤老树昏鸦，小桥流水人家，古道西风瘦马，夕阳西下，断肠人在天涯</p>
		</div>
	</div>
	<div class="example">
		<div class="exam_wrap">
		<p class="main_title gray bigfont">案例展示> ></p>
		<div class="exam_list">
			<div class="example_main">
				<div class="exapmle_img">
                <div class="mask">
                    <img src="./image/api.png">
                </div>
				</div>
				<p class="list_title center">菲麦前端</p>
			</div>
			<div class="example_main">
				<div class="exapmle_img"></div>
				<p class="list_title center">菲麦前端</p>
			</div>
			<div class="example_main">
				<div class="exapmle_img"></div>
				<p class="list_title center">菲麦前端</p>
			</div>
		</div>
		</div>
	</div>
	<div class="tools">
		<p class="main_title gray bigfont">工具平台> ></p>
		<div class="tool_list">
			<div class="tools_main normal">
				H5在线生成工具
			</div>
			<div class="tools_main normal">
				...
			</div>
			<div class="tools_main normal">
				.
			</div>
		</div>
	</div>
	<footer>
		@2017facemagic888. All Rights Reserved
	</footer>
</body>
</html>